<template>
	<view class="_easy_coach u-flex u-flex-column u-flex-items-center" @click="info">
		<image class="_avatar" :src="coachInfo.avatar" mode="aspectFill"></image>
		<view class="_name">{{coachInfo.name}}</view>
	</view>
</template>

<script setup>
	import {
		defineProps
	} from 'vue';
	const props = defineProps({
		coachInfo: Object
	})
	// 跳转详情
	const info = () => {
		uni.navigateTo({
			url: '/subPackages/coach/info?id=' + props.coachInfo.id
		})
	}
</script>

<style lang="scss" scoped>
	._easy_coach {
		margin-right: 20px;

		._avatar {
			width: 80px;
			height: 80px;
			border-radius: 50%;
            border: 1px solid #fff; // 添加边框样式
            background-color: #fff; // 添加背景颜色
          
		}

		._name {
			line-height: 30px;
			font-size: 14px;
		}

		._desc {
			line-height: 20px;
			font-size: 12px;
			color: #999999;
		}
	}
</style>